<html>
<h2>Thiết lập Thông tin Liên Hệ</h2>
<p id="page-intro"></p>
<div class="clear"></div>
<div class="content-box">
    <div class="content-box-header">
        <h3>Thông tin Liên Hệ</h3>
    </div>
    <form action="index.html#option" id="contactForm" method="post" onsubmit="return validForm(this,'');">
        <div class="content-box-body">
            <div class="column-body">
                <div class="left">
                    <p></p>
                    <h4>Contact Name</h4>
                    <p>Tên liên lạc.</p>
                    <p></p>
                </div>
                <div class="right">
                    <dl>
                        <dd><input class="text-input medium-input" type="text" id="txtName" name="txtName" value="Cty TNHH Jewelry" /></dd>
                    </dl>
                </div>
                <div class="clear"></div>
            </div>
            <div class="column-body">
                <div class="left">
                    <p></p>
                    <h4>Contact Address</h4>
                    <p>Địa chỉ liên lạc.</p>
                    <p></p>
                </div>
                <div class="right">
                    <dl>
                        <dd><input class="text-input medium-input" type="text" id="txtAddress" name="txtAddress" value="1A Yết Kiêu, Hà Nội" /></dd>
                    </dl>
                </div>
                <div class="clear"></div>
            </div>
            <div class="column-body">
                <div class="left">
                    <p></p>
                    <h4>Contact Phone</h4>
                    <p>Điện thoại liên lạc.</p>
                    <p></p>
                </div>
                <div class="right">
                    <dl>
                        <dd><input class="text-input medium-input" type="text" id="txtPhone" name="txtPhone" value="0439323793" /></dd>
                    </dl>
                </div>
                <div class="clear"></div>
            </div>
            <div class="column-body">
                <div class="left">
                    <p></p>
                    <h4>Webmaster's Email</h4>
                    <p>Email của Webmaster.</p>
                    <p></p>
                </div>
                <div class="right">
                    <dl>
                        <dd><input class="text-input medium-input" type="text" id="txtTitle" name="txtWebEmail" value="webmaster@localhost" /></dd>
                    </dl>
                </div>
                <div class="clear"></div>
            </div>
            <div class="column-body">
                <div class="left">
                    <p></p>
                    <h4>Contact Email</h4>
                    <p>Email nhận thông tin liên hệ của khách hàng.</p>
                    <p></p>
                </div>
                <div class="right">
                    <dl>
                        <dd><input class="text-input medium-input" type="text" id="txtEmail" name="txtEmail" value="contact@localhost" /></dd>
                    </dl>
                </div>
                <div class="clear"></div>
            </div>
            <div class="column-body">
                <div class="left">
                    <p></p>
                    <h4>Copyright Text</h4>
                    <p>Copyright Text hiện thị phía dưới mỗi trang web.</p>
                    <p></p>
                </div>
                <div class="right">
                    <dl>
                        <dd><input class="text-input medium-input" type="text" id="txtCopy" name="txtCopy" value="©2012 Jewelry Online" /></dd>
                    </dl>
                </div>
                <div class="clear"></div>
            </div>
            <div class="column-body footer">
                <input type="submit" value="Lưu Thiết lập" name="submit" />&#32;
                <input type="reset" value="Huỷ" name="reset" />
            </div>
        </div>
    </form>
</div>
<script type="text/javascript">
    $(document).ready(function(){
        //Tạo event blur cho các textfield và textarea
        $('#contactForm *').each(function(){
            if(this.type=='text' || this.type=='textarea' || this.type=='password'){
                $(this).blur(function(){
                    validForm(this.form,this.name);
                });
            }
        });
        $('div.column-body:odd').addClass("alt");
        $('div.column-body:last').removeClass("alt");
        $('input[type="reset"]').click(function(){
            $('.content-box-content').find('span.input-notification').each(function(){
                $(this).remove();
            });
            $('.content-box-content *').each(function(){
                $(this).removeClass('error');
            })
        });
    });
</script>
</html>